<style lang="less">
  @import "./dataSetManage";
</style>

<template>
  <div class="data">
    <div class="data-search">
      <data-search></data-search>
    </div>
    <v-contextmenu ref="contextmenu">
      <v-contextmenu-item @click="deleteData">删除数据集</v-contextmenu-item>
      <v-contextmenu-item @click="downLoad">下载数据集</v-contextmenu-item>
      <v-contextmenu-item @click="changeData">修改数据集状态</v-contextmenu-item>
    </v-contextmenu>
    <div v-contextmenu:contextmenu class="data-hello" style="width: 200px;margin:0 auto;position: relative;top: 20%;">
      <router-link to="/operate/dataSetShow" @click.native="searchDataSet">
        <Card :padding="0" class="data-cascade" align="left">
          <img style="margin:auto;height: 100px;width: 200px" src="../../../assets/home-logo.png"/>
          <p>数据集名字：{{dataSetName}}</p>
          <p>图片总数：{{itemNum}}</p>
          <p>标注总数：{{annotatedNum}}</p>
          <p>目标总数：{{targetNumber}}</p>
          <p>数据集描述：{{photoDes}}</p>
        </Card>
      </router-link>
    </div>
  </div>
</template>

<script>
  import DataSearch from '../../../components/data-search/data-search'
  import Bus from '../../../utils/Bus'
    export default {
        name: "dataSetManage",
      components:{
        DataSearch,
      },
      data(){
          return{
            message:'请输入查询条件',
            dataSetName:'雀巢咖啡一数据集',
            itemNum:100,
            annotatedNum:80,
            targetNumber:30,
            photoDes:'XXXX',
          }
      },
      methods:{
        dataSetSearch(){
          alert(document.getElementById("dataSetDes").value)
        },
        deleteData(){
        },
        downLoad(){
        },
        changeData(){
        },
        //查询数据集下面对应的每一项
        searchDataSet(){
          Bus.$emit('msg',this.itemNum)
        }
      },
    }
</script>

<style scoped>
</style>
